@extends('admin.public')

@section('content')
    <div class="col-md-12">
        <form data-validate="parsley" method="post">
            {!! csrf_field() !!}
            <section class="panel panel-default">
                <header class="panel-heading">
                    {{ $frame['title'] }}
                    <a href="{{ route('admin.banner.label') }}" class="btn btn-xs btn-default pull-right">Banner标签</a>
                </header>
                <div class="panel-body">
                    <p class="text-muted">请注意,在Banner标签中设置的建议宽度和建议高度并不会对上传的图片产生影响!</p>
                    <div class="form-group pull-in clearfix">
                        <div class="col-sm-6">
                            <label>标签名称</label>
                            <input type="text" class="form-control parsley-validated" data-required="true" name="name" placeholder="请填写标签名称">
                        </div>
                        <div class="col-sm-6">
                            <label>调用标签</label>
                            <div class="input-group m-b">
                                <span class="input-group-addon">{{ '{' }}{ $banners['</span>
                                <input type="text" class="form-control parsley-validated" data-required="true" placeholder="请填写调用标签"
                                       name="path">
                                <span class="input-group-addon">'] }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group pull-in clearfix">
                        <div class="col-sm-6">
                            <label>建议宽度</label>
                            <div class="input-group m-b">
                                <input type="number" class="form-control parsley-validated" data-required="true" placeholder="请填写建议宽度"
                                       name="width">
                                <span class="input-group-addon">px</span>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <label>建议高度</label>
                            <div class="input-group m-b">
                                <input type="number" class="form-control parsley-validated" data-required="true" placeholder="请填写建议高度"
                                       name="height">
                                <span class="input-group-addon">px</span>
                            </div>
                        </div>
                    </div>
                    <div class="checkbox i-checks">
                        <label>
                            <input type="checkbox" name="status" checked>
                            <i></i>勾选此项,即开启此Banner标签
                        </label>
                    </div>
                </div>
                <footer class="panel-footer text-right bg-light lter">
                    <button type="submit" class="btn btn-success btn-s-xs">保存</button>
                </footer>
            </section>
        </form>
    </div>
@endsection

@section('css')
@endsection

@section('js')
    <!-- parsley -->
    <script src="/public/theme/js/parsley/parsley.min.js"></script>
    <script src="/public/theme/js/parsley/parsley.extend.js"></script>
@endsection